<script setup lang="ts">

</script>

<template>
  <el-card header="重定向到指定的 路由地址" class="mb-4">
    <pre v-highlight><code class="javascript">{
  path: '/path-redirect/first',
  name: 'redirect-first',
  redirect:'/path-redirect/second',//重定向到指定的 路由地址
},</code></pre>
  </el-card>
  <el-card header="重定向到指定的 路由名称" class="mb-4">
    <pre v-highlight><code class="javascript">{
  path: '/path-redirect/first',
  name: 'redirect-first',
  redirect: {name: 'redirect-second'} //重定向到指定的 命名路由
},</code></pre>
  </el-card>

  <el-card header="重定向到方法，方法返回一个路径" class="mb-4">
    <pre v-highlight><code class="javascript">{
    path: '/path-redirect/first',
    name: 'redirect-first',
    redirect: path => {
        console.log(path)
        return '/';//返回一个路径
    }
},</code></pre>
  </el-card>

  <p>重定向的目标也可以是一个命名的路由</p>

  <a href="/third">路由别名：/third </a>

  <el-card header="路由别名" class="mb-4">
    重定向是指当用户访问 <code>/home</code>  时，URL 会被<code>/</code>  替换，然后匹配成 <code>/</code>。那么什么是别名呢？

    将 <code>/</code> 别名为 <code>/home</code>，意味着当用户访问 <code>/home</code> 时，URL 仍然是 <code>/home</code>，但会被匹配为用户正在访问 <code>/</code>。
  </el-card>


  <el-card header="跳转">
    <router-view/>
  </el-card>
</template>

<style scoped>

</style>